import React, { Component,useState,useEffect } from 'react';
import { Platform, StyleSheet, Text, View, Image, TouchableOpacity, Dimensions } from 'react-native';

import styles from '../styles/style'


export default function Card({data}){
    return (
        <View style={styles.card}>
            <Image style={[styles.card, styles.card_img_bg]} source={{uri:data.banner}}/>
            <View style={styles.row_between}>
                <Text style={[styles.text_bold, styles.text_white]}>YOUR NAME</Text>
                <Text style={[styles.text_bold, styles.text_white]}></Text>
            </View>
            <Text style={[styles.text_bold, styles.text_white,styles.program_name]}>{data.title}</Text>
            <Text style={[styles.text_bold, styles.text_white]}>{data.equipments}</Text>
            
        </View>
    );
}